<template>
  <div class="user">
    <navTop>我的知心Go</navTop>
    <userIcon></userIcon>
    <state></state>
    <recommend></recommend>
    <tabBar></tabBar>
  </div>
</template>

<script>
import navTop from "../../components/navTop.vue";
import userIcon from "./views/userIcon.vue";
import state from "../../components/stairs.vue";
import recommend from "../../components/recommend.vue";
import tabBar from "../../components/tabBar.vue";
export default {
  components: {
    navTop,
    userIcon,
    state,
    recommend,
    tabBar,
  },
};
</script>

<style lang="scss" scoped>
.user {
  position: absolute;
  background-color: #f7f7f7;
  width: 100%;
  height: 100%;
}
</style>